<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>v-text</title>
	</head>
	<body>
		<div id="app">
			<h2>v-text && v-html</h2>
			<hr />
			<h3>{{content}}</h3>
			<p>v-text:<span v-text="message1"></span></p>
			<strong>v-text不能识别message1里面的h2标签，安全性较v-html略高</strong>
			<hr />
			<p>v-html:<span v-html="message1"></span></p>
			<strong>v-html能识别所包含的标签，并解析出来，但是用于表单提交时，容易遭到xss攻击，实际代码编写使用较少</strong>
		</div>
		<script src="../assets/js/vue.min.js"></script>
		<script type="text/javascript">
			var vm = new Vue({
				el:'#app',
				data:{
					message: 'Hello World !',
					message1: '<h2>Hello World !</h2>',
					content: 'Vue.js !'
				}
			})
		</script>
	</body>
</html>
